<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>医生详情</title>
   
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../css/cw.css"/>
	<script src="../js/global.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/jquery-2.1.4.min.js"></script>
	<script src="../js/mui.min.js"></script>
	<script type="text/javascript" src="../js/public.js" ></script>
	<script type="text/javascript" src="../js/app/yuyue-docter.js" ></script>
    <script type="text/javascript" charset="UTF-8">
      	mui.init();
    </script>
    <style type="text/css">
   		.bbs-ico{padding: 10px 15px;}
   		.bbs-ico{padding-bottom:0px;position:relative;}
   		.bbs-ico{padding-bottom:5px;}
		.bbs-ico>div:nth-child(1)>i{width: 60px;display:block;float:left}
		.bbs-ico>div:nth-child(1)>i>img{border-radius:50%;height:60px;;}
		.bbs-ico>div:nth-child(1)>div{width:calc(100% - 60px);float:left;padding-left:10px;}
		.bbs-ico>div:nth-child(1)>div>li{margin-top: 7px;}
		.mui-grid-view.mui-grid-9{background:white;}
    	.mui-bar .mui-btn{width:50%;height: 44px;border-radius: initial;border:none;top: 0;}
        .mui-bar-footer{padding: 0;}
        .doctor-nav{padding-right: 0;padding-bottom: 0;}
        .right-btn{width:50% !important;margin-left: -6px;background:#8dc21f ;}
        .video-li{margin-left: 3%;}
        .video-yuyue{margin-right: 3%;}
    </style>
</head>
<body>
	<header id="header" class="mui-bar mui-bar-nav">
		<i class="mui-icon mui-icon-back mui-action-back"></i>
		<h1 class="mui-title ">医生详情</h1>
	</header> 
	<nav class="mui-bar mui-bar-footer">
		<button type="button" class="mui-btn">患者评价</button><!-- onclick="openNewpage('yuyue-huanz.html')"-->
		<button type="button" class="mui-btn right-btn">立即预约</button><!-- onclick="openNewpage('yuyue-time.html')"-->
	</nav>
	<div id="content" class="mui-content">
	<div class="table-view table-view-cell bbs-ico ">
		<div class="overflow-h">
			<i><img class="avatar" src="../images/iconic.png"/></i>
			<div>
				<li>
					<span class="name"></span>&nbsp;
					<span class="mui-h6 job"></span>	
				</li>
				<li class="mui-h6 studio"></li>
			</div>
		</div>	
	</div>
	<!--九宫-->
	<ul class="mui-table-view mui-grid-view doctor-3">
        <li class="mui-table-view-cell mui-media mui-col-xs-4">
            <a href="#text">
            <div class="mui-media-body tex">图文咨询</div>
            <span class="iconfont color-yellowish pictext">&#xe644;</span>
            <button class="color-yellowish pictext">&#65509;<span class="textbox">0</span>元/次</button>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4">
            <a href="#phone">
            <div class="mui-media-body pho">电话咨询</div>
            <span class="iconfont color-yellowish tel">&#xe645;</span>
            <button class="color-yellowish tel">&#65509;<span class="telcall">0</span>元/次</button>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4">
           <a href="#video">
           <div class="mui-media-body vid">视频咨询</div>
            <span class="iconfont color-yellowish shipin">&#xe633;</span>
            <button class="color-yellowish shipin">&#65509;<span class="video">0</span>元/次</button>
            </a>
        </li>
	</ul>
	<div class="background margin-bottom-1 table-view-cell font-14">
		医师详情
	</div>
	<div class="table-view-cell background doctor-text">
	</div>
</div>
</body>
<script>
	$('.doctor-3 li').on('tap', function(){
    	$(this).find('span, button').removeClass('color-yellowish');
    	$(this).siblings().find('span, button').addClass('color-yellowish');
    })
</script>
</html>